<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
<h:head></h:head>
<h:body>
 <ui:composition template="/templates/Plantilla.xhtml">	
  <ui:define name="content">
   <h:form id="form">
   	<h3> Buscar Sucursales</h3>
	<p:separator/>
	<p:panel>
		<p:selectOneRadio id="customRadio" value="#{buscarSucursales.tipoDeBusqueda}" layout="custom">
			<f:selectItem itemLabel="Codigo" itemValue="1" />	
			<f:selectItem itemLabel="Apellido y Nombre" itemValue="2" />
		</p:selectOneRadio>
		<h:panelGrid columns="2">
			<p:radioButton id="opt1" for="customRadio" itemIndex="0"/>
				<h:panelGrid for = "opt1" columns="5">
					<h:outputText value = "Codigo de Sucursal:"/>
					<p:inputText value="#{buscarSucursales.sujeto.sujetoId}"/>		
				</h:panelGrid>
			<p:radioButton id="opt2" for="customRadio" itemIndex="1"/>
			 	<h:panelGrid for = "opt2" columns="5">  
			    	<h:outputText value="Apellido:"/>	
			    	<p:inputText value="#{buscarSucursales.sucursal.apellido}"/>
			    	<h:outputText value="Nombre:"/>
			    	<p:inputText value="#{buscarSucursales.sucursal.nombre}"/>
		    	</h:panelGrid>
		</h:panelGrid>
	</p:panel>	

	<p:panel style="text-align: center">
		<p:commandButton icon="ui-icon-search" update = "tblSucursal" value = "Buscar"  
		actionListener="#{buscarSucursales.btnBuscarSucursales(buscarSucursales.tipoDeBusqueda)}"/>
		
	</p:panel>
	
	<br/>
    
   	<p:dataTable id = "tblSucursal" var="s" value = "#{buscarSucursales.sucursales}"
   		emptyMessage="No se encontro ninguna Sucursal" paginator="true" rows="10">
   		
   		<p:column>
   			<h:commandButton type="submit" action = "#{buscarSucursales.btnMostrarSucursal(s)}" 
				image="#{resource['images:pencil-16-ns.png']}" title="Editar Sucursal">			    					
			</h:commandButton>	
   		</p:column>
        
        <p:column headerText="Codigo">
        	<h:outputText value = "#{s.sujeto.sujetoId}-#{s.numeroSucursal}" />  
        </p:column>
        
        <p:column headerText="Apellido,Nombre">
  			#{s.apellido}, #{s.nombre}
		</p:column>

		<p:column headerText="Domicilio">
			#{s.domicilioCompleto}
		</p:column>
		
		<p:column headerText="Sujeto">
        	<h:outputText value = "#{s.sujeto.tipoSujeto}" />  
        </p:column>
        
        <p:column headerText="Tipo Cliente">
        	<h:outputText value = "#{s.sujeto.tipoCliente.nombre}" />  
        </p:column>  
   </p:dataTable>  
	</h:form>			
 </ui:define>
</ui:composition>
</h:body>
</html>